<div data-ng-controller="ContactEntryCtrl">
	<div class="page-header">
		<h3>Contact Entry</h3>
	</div>
	<div class="row">
		<div class="col-sm-9">
			<div ng-show="error" class="alert alert-danger" role="alert">
				<strong>Error!</strong> {{error}}
			</div>
			<form name="form" novalidate>
				<div class="row">
					<div class="col-sm-6">
						<div class="form-group">
							<label>First Name</label>
							<input type="text" class="form-control" placeholder="First Name" ng-model="contact.first">
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Last Name</label>
							<input type="text" class="form-control" placeholder="Last Name"  ng-model="contact.last">
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Phone Number</label>
							<input type="text" class="form-control" placeholder="Phone"  ng-model="contact.phone">
						</div>
					</div>
					<div class="col-sm-6">
						<div class="form-group">
							<label>Categories</label>
							<tags-input ng-model="contact.categories"></tags-input>
						</div>
					</div>
				</div>
				<a ng-hide="form.$dirty" class="btn btn-default" href="#/contacts" role="button">Back</a>
				<a ng-show="form.$dirty" class="btn btn-default" href="#/contacts" role="button">Cancel</a>
				<button ng-show="form.$dirty" type="button" class="btn btn-primary" ng-click="save()">Save</button>
			</form>
		</div>
	</div>
</div>
